<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
<style>
#myDIV {
    width: 720px;
    height: 720px;
    background-size: 720px 720px;
    background-repeat: no-repeat;
    background-image: linear-gradient(to right, #921f1f,#c55001),url(http://192.168.1.6/static/mark.jpg);
    background-blend-mode: screen;
}
</style>
</head>
<body>

<div id="myDIV">
菜鸟教程 —— 学的不仅是技术，更是梦想！！！
</div>

<p><b>注意:</b> Internet Explorer 不支持 background-blend-mode 属性。</p>

</body>
</html>
